<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<!-- 引入Jquery -->
		<script src="bootstrap-4.6.1/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- <script src="public/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script> -->
		<!-- 引入Bootstrap -->
		<script src="bootstrap-4.6.1/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.1/bootstrap.min.css" />
		<!-- 引入插件 -->
		<script src="./public/jquery.lazyload.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入自己 -->
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="public/public.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		
	</head>
	<body>
		<!--  -->
		<div id="app">
			<!-- 头部 -->
			<div class="header">
				<!-- 头部导航栏 -->
				<div class="header-nav">
					<!-- 版心 -->
					<div class="main clear">
						<!-- 地图ul -->
						<ul class="map">
							<li class="nav-show">
								<a href="javascript:void(0)" class="icon-a">
									<i class="iconfont">&#xec3f;</i>
									<span class="font">地区</span>
								</a>
								<!-- 国内外地区 -->
								<div class="map-land nav-collapse">
									<div class="item-lists">
										<div class="item">
											<a href="">北京</a>
										</div>
										<div class="item">
											<a href="">北京</a>
										</div>
										<div class="item">
											<a href="">北京</a>
										</div>
										<div class="item">
											<a href="">北京</a>
										</div>
										<div class="item">
											<a href="">北京</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
						<ul></ul>
						<!-- 导航ul -->
						<ul class="nav-r">
							<li>
								<a href="html/login.html" id="userIndex">你好，请登录</a>
								&nbsp;&nbsp;
								<a href="html/register.html">免费注册</a>
							</li>
							<li class="spacer"></li>
							<li>
								<a href="">我的订单</a>
							</li>
							<li class="spacer"></li>
							<li class="cw-icon nav-show">
								<a href="">我的京东</a>
								<i class="iconfont">&#xe65f;</i>
								<div class="my-jd nav-collapse">

								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<a href="">京东会员</a>
							</li>
							<li class="spacer"></li>
							<li class="cw-icon  nav-show">
								<a href="">企业采购</a>
								<i class="iconfont">&#xe65f;</i>
								<div class="enterprise nav-collapse">

								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<a href="">客户服务</a>
							</li>
							<li class="spacer"></li>

							<li class="cw-icon  nav-show">
								<a href="">网站导航</a>
								<i class="iconfont">&#xe65f;</i>
								<div class="site-navigation nav-collapse">

								</div>
							</li>
							<li class="spacer"></li>
							<li class="cw-icon  nav-show" id="goaddress">
								<a href="javascript:void(0)">我的地址</a>
								<div class="site-navigation nav-collapse nav-phone">

								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<a href="">网站无障碍</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- 头部logo搜索 -->
				<div class="logo-sea">
					<div class="main">
						<!-- 左边logo -->
						<div class="left-logo">
							<h1>

							</h1>
						</div>
						<!-- 中间搜索 -->
						<div class="center-sea">
							<!-- 顶部搜索 -->
							<div class="search-t">
								<!-- 搜索盒子 -->
								<div class="from-box">
									<input type="text" id="sea-input" value="" />
									<span class="iconfont">
										&#xe663;
									</span>
									<input type="button" id="sea-btn" value="&#xe61e;" class="iconfont" />
								</div>
								<!-- 购物车 -->
								<div class="settleup nav-show">
									<!--显示的购物车 -->
									<div class="show-setup">
										<i class="iconfont">&#xe601;</i>
										<a href="html/cartIndex.html">购物车</a>
										<i class="icon-num">0</i>
									</div>
									<!--隐藏的购物车 -->
									<div class="hide-setup nav-collapse">
										11
									</div>
								</div>
								<!-- 热榜关键词推荐 -->
								<div class="hotwords">
									<a href="" class="style-red">零食和好物</a>
									<a href="">红米k50</a>
									<a href="">进口超市</a>
									<a href="">焕新季</a>
									<a href="">家装节</a>
									<a href="">iPad Air</a>
									<a href="">鲜花9.9</a>
									<a href="">品质建材</a>
								</div>
								<!-- 其他导航栏 -->
								<div class="navitems">
									<ul>
										<li>
											<a href="" class="style-red">秒杀</a>
										</li>
										<li>
											<a href="" class="style-red">优惠券 </a>
										</li>
										<li>
											<a href="">PLUS会员</a>
										</li>
										<li>
											<a href="">品牌闪购</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="">拍卖</a>
										</li>
										<li>
											<a href="">京东家电</a>
										</li>
										<li>
											<a href="">京东超市</a>
										</li>
										<li>
											<a href="">京东生鲜</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="">京东国际</a>
										</li>
										<li>
											<a href="">京东云</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- 右边二维码 -->
						<div class="right-em">

						</div>
					</div>
				</div>
			</div>
			
			<!-- 内容 -->
			<div class="context">
				<div class="main">
					<div class="top-main">
						<!-- 菜单导航 -->
						<div class="cont-menus">
							<ul>
								<li>
									<a href="">家用电器</a>
								</li>
								<li>
									<a href="">家用</a>
									<span>/</span>
									<a href="">家用电器</a>
									<span>/</span>
									<a href="">家用电</a>
								</li>
							</ul>
							<!-- 隐藏部分 -->
							<div class="c-menus-hide">
						
							</div>
						</div>
						<!-- 轮播图 -->
						<div class="fs ">
							<!-- 轮播图1 -->
							<div id="demo" class="swpper1 carousel slide" data-ride="carousel">
								<!-- 指示符 -->
								<ul class="carousel-indicators">
									<li data-target="#demo" data-slide-to="0" class="active"></li>
									<li data-target="#demo" data-slide-to="1"></li>
									<li data-target="#demo" data-slide-to="2"></li>
								</ul>
						
								<!-- 轮播图片 -->
								<div class="carousel-inner">
						
								</div>
						
								<!-- 左右切换按钮 -->
								<a class="carousel-control-prev" href="#demo" data-slide="prev">
									<span class="carousel-control-prev-icon"></span>
								</a>
								<a class="carousel-control-next" href="#demo" data-slide="next">
									<span class="carousel-control-next-icon"></span>
								</a>
							</div>
							<!-- 轮播图2 -->
						
						
						</div>
						<!-- Top热榜商品 -->
						<div class="top">
							<ul class="">
							</ul>
						</div>
					</div>
					<!-- 推荐商品 -->
					<div class="host">
						<!-- 左边长图 -->
						<div class="host-left">
							<img
								src="">
						</div>
						<!-- 右边列表图 -->
						<div class="host-right">
							<ul>
								<li>
									<a href="">
										<!-- li图片 -->
										<div class="fig-img">
											<img
												src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1624606492.2757543.jpg">
										</div>
										<!-- 标题 -->
										<h3 class="title">下米电视</h3>
										<!-- 介绍 -->
										<p class="desc">fffgg</p>
										<!-- 价格 -->
										<p class="pice">
											<span>1999</span>
										</p>
									</a>
								</li>
								
							</ul>
						</div>
					</div>
					<!-- 为你推荐 -->
					<div class="floorhd">
						<h3>
							为你推荐
						</h3>
					</div>
					<!-- 推荐商品标题 -->
					<div class="flor-title">
						<ul>
							<li>疯狂抢购</li>
							<li>热卖商品</li>
							<li>推荐商品</li>
							<li>新品推荐</li>
							<li>猜你喜欢</li>
						</ul>
					</div>
					<!-- 具体商品 -->
					<div class="host-right shape">
						<ul>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 尾部 -->
		<div class="footer">

		</div>
		</div>
	</body>
	<script src="./public/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>
